*,ul,p{
	margin:0;padding:0;
}
html,body{height:100%;}
body{
	font-size:14px;
	font-family:Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;
	min-width:1000px;
	background:#DBEAF9;
	color:#333;
}
@font-face {
font-family: 华文行楷;/*定义font的名字*/
src: url('../fonts/华文行楷.ttf');/*把下载的字体文件引入进来*/
} 
ul{
	list-style:none;
}
.text-center{
	text-align:center;
}
.img{
	width:100%;
	height:auto;
}
.img1{
	height:100%;
	width:auto;
}
a:hover{
	text-decoration:none;
}
a,button,input{
	outline:none!important;
}
.border{
	border:1px solid #ccc;
}
.wriper{
	width:1000px;
	margin:auto;
}
.banner{width:100%;height:50px;background:#BFD1E3;}
.logo{height:50px;padding:5px 0;}
.title{width:100%;text-align:center;border-bottom:1px dashed #888;padding:10px 0 20px;}
.title h3{font-size:22px;letter-spacing:1px;}
.title p{color:#888;font-size:16px;}
.title2{width:100%;height:40px;line-height:40px;color:#666666;}
.title3{width:100%;height:40px;line-height:40px;border-bottom:2px solid #2458E3;}
.title3 span{display:block;width:100px;height:40px;text-align:center;line-height:40px;background:#2458E3;color:#fff;font-size:16px;}
.content{width:100%;overflow:hidden;padding-left:33px;padding-top:15px;padding-bottom:35px;}
.content ul li{
	width:210px;
	height:210px;
	text-align:center;
	float:left;
	background:#fff;
	padding:5px 0;
	border-radius:4px;
	position:relative;
	margin-right:30px;
	margin-top:20px;
}
.content ul li h1{
	font-size:16px;
	color:#555;
	line-height:40px;
}
.content ul li img{
	width:80px;height:80px;margin-top:10px;
}
.content ul li .btn{
	width:90%;
	position:absolute;
	bottom:40px;
	left:5%;
	display:none;
	padding:10px 12px;
}
.content ul li:hover{border:1px solid #6A8EB7;}
.content ul li:hover .btn{display:block;}
.content ul li:hover img{display:none;}
.content1{width:100%;background:#fff;padding:10px 15px 25px;border-radius:5px;margin:10px 0;}
.content1 h2{font-size:20px;}
.begin-wriper{overflow:hidden;padding:35px 20px;vertical-align:center;}
.begin-img{width:30%;float:left;vertical-align:center;text-align:center;}
.begin-img img{width:170px;height:170px;}
.begin-word{width:70%;float:right;vertical-align:center;background:#eee;border-radius:5px;padding:10px;line-height:35px;}
.begin-btn{width:100%;text-align:center;padding:20px 0;}
.begin-btn .btn{width:200px;padding:10px 12px;}
.question-btn{width:100%;text-align:right;padding:20px 0;}
.question-btn .btn{width:100px;padding:10px 12px;margin:0 10px;}
.time{width:100%;height:35px;background:#333;text-align:right;line-height:35px;color:#fff;font-size:20px;padding:0 25px;}
.question1{}
.question1 h2{font-size:16px;line-height:20px;border-bottom:1px solid #eee;padding-bottom:20px;}
.question1 i{color:#FF652F;font-size:22px;line-height:20px;margin:0 5px;}
.question-1{line-height:35px;}
.choose{
	width:100%;
	border:1px solid #ccc;
	margin:25px 0;
	background:#fff;
	color:#333;
	border-radius:3px;
	position:relative;
	padding:12px;
	padding-left:35px;
}
.choose:hover{color:#337AB7;border-color:#666;background:#eee;}
.choose-active{color:#337AB7;border-color:#337AB7;}
.choose-active .icons{border-color:#337AB7!important;background:#fff;}
.choose-active .icons i{background:#337AB7;}
.choose .icons{
	display:inline-block;
	width:18px;
	height:18px;
	border-radius:9px;
	border:1px solid #888;
	position:absolute;
	top:15px;left:9px;
	cursor:pointer;
}
.choose .icons i{display:block;width:10px;height:10px;border-radius:5px;z-index:1000;margin-top:3px;margin-left:3px;}
.choose label{display:inline-block;width:100%;cursor:pointer;}
.choose label input{border:none;cursor:pointer;filter:alpha(opacity:0;);opacity:0;margin-right:-18px;}
.wriper-1{border-bottom:1px dashed #ccc;}
.answer-card{width:100%;padding:15px 10px;}
.answer-card-title{width:120px;color:#888;margin-bottom:30px;cursor:pointer;}
.answer-card-title i{color:#337AB7;}
.answer-card ul li{float:left;}
.answer-card ul li a{display:block;width:50px;height:50px;text-align:center;line-height:50px;color:#888;font-size:16px;}
.answer-card ul li a:hover{background:#337AB7;color:#fff;}
.answer-card-hover{background:#337AB7;color:#fff;}
.question-2{width:100%;padding:15px 0;}
.assessment{width:100%;font-size:16px;font-weight:bold;padding:25px;line-height:35px;}
.assessment-1{width:100%;text-align:center;font-size:18px;font-weight:bold;color:#0B2F8F;letter-spacing:1px;padding:30px 0;}
.result{font-size:25px;color:#2458E3;margin-left:10px;}
.foot{width:100%;background:#242424;color:#fff;text-align:center;font-size:13px;}
.foot .p1{font-size:18px;}
/*栅栏结构 5列*/
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height:1px; padding-right: 10px; padding-left: 10px;}
 @media ( min-width : 768px) { .col-sm-5ths { width: 20%; float: left; } }
 @media ( min-width : 992px) { .col-md-5ths { width: 20%; float: left; } }
 @media ( min-width : 1200px) { .col-lg-5ths { width: 20%; float: left; } }




